<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <!--  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  -->
  <script src="../assets/flexible/flexible.debug.js"></script>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <title>首页</title>
  <link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.css">
  <link rel="stylesheet" href="../assets/animate/animate.min.css">
  <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/guidance.css"></head>
<body>
  <span class="tiao">跳过</span>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <h1 class="ani"    
                  swiper-animate-effect="zoomIn" 
                  swiper-animate-duration="1s" 
                  swiper-animate-delay="0.5s">
          吃
          <wbr>.</h1>
          <p>也是一种艺术</p>
        </div>
        <div class="swiper-slide">
          <h1 class="ani"    
                  swiper-animate-effect="rollIn" 
                  swiper-animate-duration="1s" 
                  swiper-animate-delay="0.5s">和</h1>
          <p>和心爱的人一起吃饭</p>
        </div>
        <div class="swiper-slide">
          <h1 class="ani"    
                  swiper-animate-effect="bounceIn" 
                  swiper-animate-duration="1s" 
                  swiper-animate-delay="0.5s">做</h1>
          <p>一个有梦想的吃货</p>
        </div>
        <div class="swiper-slide">
          <h1 class="ani"    
                  swiper-animate-effect="zoomInUp" 
                  swiper-animate-duration="1s" 
                  swiper-animate-delay="0.5s">不</h1>
          <p>是在吃 . 而是在吃的路上</p>
          <h2 id="tiaozu">
            马上享受吧 <i class="fa fa-hand-o-right"></i>
          </h2>
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination" id="swipere"></div>
    </div>

    <script src="../assets/JQ/jquery-3.2.1.min.js"></script>
    <script src="../assets/swiper/js/swiper.min.js"></script>
    <script src="../assets/animate/swiper.animate1.0.2.min.js"></script>
    <script src="../assets/template-web.js"></script>
    <script src="../js/guidance.js"></script>
</body>
  </html>